<template>
   <div>{{msg}}</div>
   <button @click="fetch()">触发按钮</button>
</template>
<script lang = "ts">
import { defineComponent, ref } from 'vue'
export default defineComponent({
  name: 'index',
  setup() {
    //返回出去的话以return 对象的形式返回出去  方法  还是对象 还是任何东西都可以返回出去
    console.log('setup执行了')
    const msg = ref('这里是msg')

    function fetch() {
      msg.value = 'fetch改变后的值'
      alert('触发函数')
    }

    return {
      msg,
      fetch
    }
  }
})
</script>

